<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="false">
			<block slot="content">首页</block>
		</cu-custom>
		<view class="cu-bar bg-white solid-bottom">
			<view class="action">
				<text class='cuIcon-title text-blue'></text>快递服务
			</view>
		</view>
		<view class="grid col-2 padding-sm">
			<view class="padding-sm" @tap="goGet">
				<view class="padding radius text-center shadow-blur bg-orange">
					<view class="text-lg">取快递</view>
				</view>
			</view>
			<view class="padding-sm" @tap="onclick">
				<view class="padding radius text-center shadow-blur bg-grey">
					<view class="text-lg">寄快递</view>
				</view>
			</view>
		</view>
		<view class="cu-modal" :class="modalName=='Modal'?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">寄快递</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xl">
					<view class="text-center text-blue">
						你好,该功能暂未开放,请留意后续版本!
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from "vuex";
	export default {
		name: 'home',
		data() {
			return {
				modalName: '',
				ColorList: [{
						color: "#e54d42",
						name: "red",
						title: "嫣红"
					}, {
						color: "#f37b1d",
						name: "orange",
						title: "桔橙"
					},
					{
						color: "#fbbd08",
						name: "yellow",
						title: "明黄"
					}
				]
			}
		},
		computed: {
			...mapGetters(['isLogin'])
		},
		onLoad() {},
		created() {
		},
		methods: {
			...mapActions(['loginAction', 'userInfoAction', 'isLoginAction']),
			onclick() {
				this.modalName = 'Modal';
			},
			hideModal(e) {
				this.modalName = null;
			},
			goGet() {
				uni.navigateTo({
					url:'/pages/home/get'
				})
				/* this.$Router.replaceAll({
					name: 'homeGet'
				}); */
			}
		}
	}
</script>

<style>

</style>